@charset "utf-8";


 @function n($px){
     @return $px/2;
 }

/***字体大小***/
$font-16:n(16px);
$font-18:n(18px);
$font-20:n(20px);
$font-22:n(22px);
$font-27:n(27px);


/***颜色值***/
$h_red:#b20000;
$f_gray:#8b8b8b;
$f_bg:#f5f5f5;
$case_t:#323232;
$shouc:#c5c5c5;
$close:#b60005;


/***行内元素强制换行***/
@mixin newline{
  content: "\A";
  white-space: pre;
}

/***1px的边框***/
@mixin border{
    border: 1px solid $border-color;
}

/***图片溢出处理***/
@mixin imgoverflow{
    overflow: hidden;
    text-align: center;
}
img{
    width: 100%;
    vertical-align: middle;
}

/***文字溢出处理***/
/**单行**/
.textover{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/**多行**/
@mixin textover2{
    display: -webkit-box;  
    -webkit-box-orient: vertical;  
    overflow: hidden;
    text-overflow: ellipsis;
}


/***公共类***/
/***右边图片wrap***/
.c_right{
    width: 32.5%;
    @include imgoverflow;
    margin-left: n(40px);
}

/***收藏按钮**/
.p_left{
    font-size: $font-18;
    color: $shouc;
    a{
        color: $shouc;
        vertical-align: middle;
//      i{
////          vertical-align: middle;
//      }
    }
}

/***标题公共类***/
.title{
    font-size: n(25px);
    font-weight: 700;
    color: $case_t;
    letter-spacing: 1.7px;
    margin-bottom: n(10px);
    @include textover2;
    -webkit-line-clamp:2;  
}

.border-bottom{
    border-bottom: 1px solid $shouc;
}

.margin-top{
    margin-top: n(34px);
}
